<ion-header class="nav-header">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button (click)="backClick()">
        <ion-icon class="md-arrow-back"  ios="md-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>优惠活动</ion-title>
  </ion-toolbar>
</ion-header>
<!-- <ion-header>
  <ion-grid class="pro-tab">
    <ion-row>
      <ion-col [ngClass]="{'active':stateData.isAll}" (click)="changeTab('all')">
        全部
      </ion-col>
      <ion-col [ngClass]="{'active':stateData.isGive}" (click)="changeTab('give')">
        VIP会员
      </ion-col>
      <ion-col [ngClass]="{'active':stateData.isLottery}" (click)="changeTab('lottery')">
        彩票券
      </ion-col>
      <ion-col [ngClass]="{'active':stateData.isOther}" (click)="changeTab('other')">
        其它
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-header> -->
<ion-content>
  <div [ngClass]="{'show':stateData.isAll,'hide':!stateData.isAll}" id="pro-all"></div>
  <div [ngClass]="{'show':stateData.isGive,'hide':!stateData.isGive}" id="pro-give"></div>
  <div [ngClass]="{'show':stateData.isLottery,'hide':!stateData.isLottery}" id="pro-lottery"></div>
  <div [ngClass]="{'show':stateData.isOther,'hide':!stateData.isOther}" id="pro-other"></div>
</ion-content>
<app-tab-self></app-tab-self>